  <!DOCTYPE html>
                            <html>
                            <head>
                                <meta charset='UTF-8'>
                                <meta name='viewport' content='width=device-width, initial-scale=1.0'>
                                <title>美食推荐管理</title>
                                <link href='https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.8/css/bootstrap.min.css' rel='stylesheet'>
                                <link rel='stylesheet' href='https://cdn.bootcdn.net/ajax/libs/font-awesome/7.0.0/css/all.min.css'>
                                <style>
                                    body { 
                                        padding: 20px; 
                                        background-color: #f8f9fa;
                                        font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
                                    }
                                    .blog-card {
                                        border-radius: 10px;
                                        overflow: hidden;
                                        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
                                        margin-bottom: 20px;
                                    }
                                </style>
                            </head>
                            <body>
                                <div class='d-flex justify-content-between align-items-center mb-4'>
                                    <h4>美食推荐管理</h4>
                                    <button class='btn btn-primary'><i class='fas fa-plus me-2'></i>添加推荐</button>
                                </div>
                                
                                <div class='row'>
                                    <div class='col-md-6'>
                                        <div class='blog-card bg-white'>
                                            <div style='height: 200px; background: linear-gradient(45deg, #ff9a9e, #fad0c4); display: flex; align-items: center; justify-content: center; color: white; font-size: 3rem;'>
                                                <i class='fas fa-ice-cream'></i>
                                            </div>
                                            <div class='p-3'>
                                                <span class='badge bg-warning'>甜品</span>
                                                <h5 class='mt-2'>夏日限定冰淇淋</h5>
                                                <p class='text-muted'>精选优质原料，口感丝滑，清凉解暑</p>
                                                <div class='d-flex justify-content-between align-items-center'>
                                                    <small class='text-muted'>2023-06-15</small>
                                                    <div>
                                                        <button class='btn btn-sm btn-outline-primary me-1'><i class='fas fa-edit'></i></button>
                                                        <button class='btn btn-sm btn-outline-danger'><i class='fas fa-trash'></i></button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <div class='col-md-6'>
                                        <div class='blog-card bg-white'>
                                            <div style='height: 200px; background: linear-gradient(45deg, #a1c4fd, #c2e9fb); display: flex; align-items: center; justify-content: center; color: white; font-size: 3rem;'>
                                                <i class='fas fa-cocktail'></i>
                                            </div>
                                            <div class='p-3'>
                                                <span class='badge bg-info'>饮品</span>
                                                <h5 class='mt-2'>网红水果茶</h5>
                                                <p class='text-muted'>新鲜水果现切现做，健康又美味</p>
                                                <div class='d-flex justify-content-between align-items-center'>
                                                    <small class='text-muted'>2023-06-10</small>
                                                    <div>
                                                        <button class='btn btn-sm btn-outline-primary me-1'><i class='fas fa-edit'></i></button>
                                                        <button class='btn btn-sm btn-outline-danger'><i class='fas fa-trash'></i></button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </body>
                            </html>